<!--
 * @Description: 大前端学习
 * @Version: H5
 * @Author: Ajax
 * @Date: 2020-04-27 11:28:31
 * @LastEditors: Ajax
 * @LastEditTime: 2020-04-27 12:00:32
 -->
<!Doctype html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>小球加载动画</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div class="red wrap">
        <div class="ball"></div>
        <div class="shadow"></div>
    </div>
    <div class="blue wrap">
        <div class="ball"></div>
        <div class="shadow"></div>
    </div>
    <div class="green wrap">
        <div class="ball"></div>
        <div class="shadow"></div>
    </div>
</body>

</html>